My Bestie Prasuuu
Yesterday
<html>
<head>
<title>Web Dev 1st Day-Portfolio</title>
<style>
body{
margin:0;
font-family:Arial,sans-serif;
background color:#f5f5f5;
}
/* Header*/
#header{
width:100%;
background-color:white;
color:black;
height:100px;
border-bottom:2px solid brown;
display:flex;
justify-content:space-between;
align-items:center;
position:sticky;
top:0;
z-index:1000;
}
#header a{
color:black;
text-decoration:none;
font-size:24px;
font-weight:900;
}
#header a:hover{
color:brown;
}
#header li{
list-style-type:none;
}
#header ul{
display:flex;
width:50%;
…
Read more
6:38 pm6:38 pm
Forwarded
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>FastBite - Responsive & Interactive</title>
<style>
* { box-sizing: border-box; }
body {
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f9f9f9;
color: #333;
}
nav {
background-color: #ff6600;
color: white;
padding: 1rem 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
nav a {
color: white;
margin: 0 1rem;
text-decoration: none;
}
.container {
padding: 20px;
display: grid;
grid-template-c…
Read more
9:15 pm9:15 pm
Today
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Product Listing</title>
<style>
body {
font-family: sans-serif;
padding: 20px;
}
.controls {
margin-bottom: 20px;
}
.product {
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}
</style>
</head>
<body>
<h1>Our Products</h1>
<div class="controls">
<input type="text" id="search" placeholder="Search products..." />
<select id="sort">
<option value="name">Sort by Name</option>
<option value="price">Sort by Price</option>
</select>
</div>
<div id="productList"></div>
<script>
const products = [
{ name: "Pizza", price: 150 },
{ name: "Burger", price: 100 },
{ name:…
Read more
6:41 pm6:41 pm
1:23
7:13 pm
0:45
7:24 pm